@import "public";
#myEarn{
  .me-top{
    width: 100%;
    .height(320rem);
    background: url(../images/finance-top.png) center no-repeat;
    .backSize(640rem,320rem);
    overflow: hidden;
    .met-tit{
      width: 100%;
      color: #ffffff;
      text-align: center;
      .fontSize(28rem);
      .marginTop(56rem);
    }
    .met-money{
      width: 100%;
      color: #ffffff;
      text-align: center;
      .fontSize(64rem);
      .marginTop(45rem);

    }
  }
  .product-list-earn{
    ul li{
      width: 100%;
      .height(90rem);
      .padding(30rem,25rem,30rem,40rem);
      .borderBottom(2rem,solid,#e3e3e3);
      background: url(../images/list-arrow.png) no-repeat #ffffff;
      .backPosition(595rem,22rem);
      .backSize(25rem,44rem);
      p:nth-of-type(1){
        float: left;
        .fontSize(28rem);
      }
      p:nth-of-type(2){
        float: right;
        .fontSize(24rem);
        color: #999999;
        .marginRight(36rem);
        span{
          color: #f9722e;
        }
      }
    }
    .product-all{
      width: 100%;
      .height(90rem);
      .padding(0,25rem,0,40rem);
      .borderBottom(2rem,solid,#e3e3e3);
      .borderTop(2rem,solid,#e3e3e3);
      .marginTop(20rem);
      background: url(../images/list-arrow.png) no-repeat #ffffff;
      .backPosition(595rem,22rem);
      .backSize(25rem,44rem);
      span{
        float: left;
        img{
          display: block;
          .width(46rem);
          .height(46rem);
          .marginTop(23rem);
        }
      }
      p{
        float: left;
        .fontSize(26rem);
        .lineHeight(90rem);
        .marginLeft(26rem);
      }
    }
  }
}